<template>
  <div class="container1">
      <div class="block">
        <span class="demonstration">创建时间</span>
        <el-date-picker
        @change='gettime'
        v-model="value1"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期">
        </el-date-picker>
     </div>
    <span class="demonstration">创建时间</span>
     <el-select v-model="value" placeholder="接诊状态" @change="changestatus">
        <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
        </el-option>
    </el-select>
    <div class="input">
        <el-input v-model="input" placeholder="请输入内容"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="searchfun"></el-button>
    </div>
    
 
  </div>
</template>

<script>
export default {
    data () {
        return {
            input: '',
            value1: '',
            options: [{
                value: '0',
                label: '待接诊'
                }, {
                value: '1',
                label: '接诊中'
                }, {
                value: '2',
                label: '已完成'
                }],
            value: ''
        }
    },
    methods: {
        searchfun(){
            // console.log(this.input);
            this.$emit('sendseach',this.input);
        },
        changestatus(){
            // console.log(this.value);
            this.$emit('sendstatus',this.value);
        },
        gettime(){
            this.$emit('sendtime',this.value1);
        }
    }
}
</script>

<style lang="less" scoped>
    .container1{
        height: 90px;
        display: flex;
        align-items: center;
        color: #868686;
        font-size: 14px;
        .demonstration{
            margin-left: 10px;
            margin-right: 10px;
        }
        .el-date-editor{
            width: 220px;
        }
        .el-select{
            width: 100px;
        }
        .input{
            display: flex;
            margin-left: 20px;
            width: 251px;
        }
        .el-button--primary {
            background-color:#666EE8;
            border-color: #666EE8;
        }
    }
</style>